<template>
  <div class="activity-container">
    <div class="title">活动</div>
    <act-item :address="act.business.name" :img_url="act.covers[0].url" :time="act.time" :title="act.title" :view_count="act.view_count" :id="act.id" v-for="(act, index) in activityList" :key="index"></act-item>
  </div>
</template>

<script>
import ActItem from './ActItem.vue'
export default {
  props: {
    activityList: Array
  },
  components: {
    ActItem
  }
}
</script>

<style lang="less" scoped>
.activity-container {
  margin-top: 10px;
  padding: 0 10px 10px;
  background-color: #fff;

  .title {
    padding: 10px 0;
    font-size: 18px;
    color: #333333;
    font-weight: 700;
    margin-bottom: 10px;
  }
}
</style>
